.Userinfo{
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  .Userinfo-header {
    height: 0.5rem;
    position: relative;
    box-shadow: 0 1px 4px -4px #000;
    h2 {
      font-size: 0.2rem;
      text-align: center;
      line-height: 0.5rem;
    }
  
    span.iconfont {
        position: absolute;
        font-size: 0.2rem;
        top: 0.15rem;
        left: 0.2rem;
        cursor: pointer;
    }
  }
  .userinfo-content {
    flex: 1;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    
    .userinfo-nav {
      height: 0.4rem;
      display: flex;
      text-align: center;
      line-height: 0.4rem;
      font-size: 0.14rem;
      color: #D1CCCC;
      box-shadow: 0 0.03rem 0.02rem  -0.02rem #ccc;

      .rentOut {
        flex: 1;
        
      }
  
      .tenement {
        flex: 1;
      }
    }
    .contentBox{
      overflow: hidden;
      flex: 1;
      .rentOut-content {
        height: 100%;
        width: 100%;
        overflow: auto;
        
        
      }
    
      .tenement-content {
        height: 100%;
        width: 100%;
        overflow: auto;
        
      }
    }
  
    
  }
  
}

.navActive{
  color: rgb(48, 42, 42);
  font-weight: 600;
  font-size: 0.16rem;
}
